/* Mixins */

.animation (@prop){
   animation: @prop;
   -webkit-animation: @prop;
}

.box-shadow (@shadow: 0 0 0 #000) {
  -webkit-box-shadow: @shadow;
  -moz-box-shadow: @shadow;
  -box-shadow: @shadow;
}

.selectAll{
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -khtml-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
}

.selectDisable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.transition (@t) {
  transition: @t;
  -webkit-transition: @t;
  -moz-transition: @t;
}

.transition-all (@t){
  transition: all @t;
  -webkit-transition: all @t;
  -moz-transition: all @t;
}

.transition-duration (@props){
  -webkit-transition-duration: @props;
  -moz-transition-duration: @props;
  -o-transition-duration: @props;
  transition-duration: @props;
}

.transition-timing (@props){
  -webkit-transition-timing-function: @props;
  -moz-transition-timing-function: @props;
  -o-transition-timing-function: @props;
  transition-timing-function: @props;
}


.transition-property (@props){
  -webkit-transition-property: @props;
  -moz-transition-property: @props;
  -o-transition-property: @props;
  transition-property: @props;
}

.transform (@prop) {
  transform: @prop;
  -ms-transform: @prop;
  -webkit-transform: @prop;
}

.transform-origin (@prop) {
  transform-origin: @prop;
  -ms-transform-origin: @prop;
  -webkit-transform-origin: @prop;
}
